﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="refresh" content="60;" />
    <title>电影大数据分析展示</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/comon0.css" />
</head>
<body>
<div class="loading">
    <div class="loadbox">
        <img src="images/loading.gif" /> 页面加载中...
    </div>
</div>
<div class="head">
    <h1><a href="">电影大数据分析展示</a></h1>
    <div class="time" id="showTime">
        2019/12/05 16:16:54
    </div>
    <script>
        var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
            var h=dt.getHours();//获取时
            var m=dt.getMinutes();//获取分
            var s=dt.getSeconds();//获取秒
            var t = null;
            document.getElementById("showTime").innerHTML = y+"/"+Appendzero(mt)+"/"+Appendzero(day)+" "+Appendzero(h)+":"+Appendzero(m)+":"+Appendzero(s)+"";
            function Appendzero(obj){
                if(obj<10) return "0" +""+ obj;
                else return obj;
            }
            t = setTimeout(time,1000); //设定定时器，循环运行
        }

    </script>
</div>
<div class="mainbox">
    <ul class="clearfix">
        <li>
            <div class="boxall" style="height: calc(30% - .15rem)">
                <div class="alltitle">
                    国家电影数
                </div>
                <div class=" boxnav " id="echarts4"></div>
            </div>
            <div class="boxall" style="height: calc(70% - .15rem)">
                <div class="alltitle">电影列表</div>
                <div class="wrap boxnav">
                  <ul id="list">
                    <li><p><span>深圳腾讯科技有限公司</span><span>门禁系统</span><span>在线</span></p></li>
                    <li><p><span>网易科技有限公司</span><span>防火系统</span><span>在线</span></p></li>
                    <li><p><span>百度科技有限公司</span><span>防火系统</span><span>在线</span></p></li>
                    <li><p><span>汽车之家科技有限公司</span><span>定位系统</span><span>在线</span></p></li>
                    <li><p><span>小米科技有限公司</span><span>定位系统</span><span>在线</span></p></li>
                    <li><p><span>深圳腾讯科技有限公司</span><span>门禁系统</span><span>在线</span></p></li>
                    <li><p><span>网易科技有限公司</span><span>防火系统</span><span>在线</span></p></li>
                  </ul>
                </div>  
            </div>
        </li>
        <li>
            <div class="boxall" style="height: calc(28% - .15rem)">
                <div class="alltitle">
                    <h1>电影总体指标</h1>
                </div>
                <div class=" boxnav ">
                    <div class="yqlist">
                        <ul class="clearfix">
                            <li><div class="yq">266<span>今日开卡</span></div></li>
                            <li><div class="yq">2634<span>广告展示</span></div></li>
                            <li><div class="yq">567<span>广告点击</span></div></li>
                            <li><div class="yq">56345<span>卡券发放</span></div></li>
                          </ul>
                      </div>
                </div>
            </div>
            <div class="boxall" style="height: calc(72% - .15rem)">
                <div class="alltitle">
                    时间分布
                </div>
                <div class="boxnav" id="echarts1"></div>
            </div>
        </li>
        <li>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    类型分布
                </div>
                <div class="boxnav" id="echarts2"></div>
            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    热门主演
                </div>
                <div class="boxnav" id="echarts5"></div>
            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    活跃导演
                </div>
                <div class="boxnav" id="echarts6" style="height:calc(100% - .3rem);"></div>
            </div>
        </li>
    </ul>
</div>
<script src='https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js'></script>
<script type="text/javascript" src="js/echarts-wordcloud.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="./js/jquery.liMarquee.js"></script>
<script language="JavaScript" src="js/js.js"></script>
</body>
</html>